import React, {Component, Fragment} from 'react';
import {Grid} from '@alifd/next';
import styles from './index.module.scss';
import './template/css/bootstrap.min.css';
import './template/css/templatemo-style.css';

const {Row, Col} = Grid;

const data = [
    {
        title: '李*',
        subtitle: '副校长',
        description1: '职业任教80年',
        description2: '挖掘机技术开发者2',
        //imgUrl: require('./resource/teacher_1.png'),
    },
    {
        title: '张&&',
        subtitle: '副校长 教授',
        description1: '挖掘机技术开发者',
        description2: '挖掘机技术开发者2',
        //imgUrl: require('./resource/author-9.jpg'),
    },
    {
        title: '定答复',
        subtitle: '副校长 教授',
        description1: '蓝翔中级技术学院毕业',
        description2: '挖掘机技术开发者2',
        //imgUrl: require('./resource/author-10.jpg'),
    },
    {
        title: '洛杉矶',
        subtitle: '副校长 教授',
        description1: '大借款分类进度',
        description2: '挖掘机技术开发者2',
        //imgUrl: require('./resource/author-12.jpg'),
    },
    {
        title: '个屁后',
        subtitle1: '副校长 教授',
        description1: '发送到；家',
        description2: '挖掘机技术开发者2',
        //imgUrl: require('./resource/author-13.jpg'),
    },
];

export default class FeatureDisplay extends Component {
    static displayName = 'FeatureDisplay';

    static propTypes = {};

    static defaultProps = {};

    constructor(props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <Fragment>
                <div className={styles.head} id="team">
                    <div className={styles.title_team}></div>
                </div>
                <section id="work" className="tm-section-pad-top" style={{marginBottom: '120px'}}>
                    <div className="container tm-container-gallery">
                        <div className="row">
                            <div className="text-center col-12">
                                <p className="mx-auto tm-work-description">
                                    "一支来自天津财经大学的高水平师资队伍"
                                </p>
                            </div>
                        </div>
                        <div className="row" style={{marginLeft: '2vw'}}>
                            <div className="col-12">
                                <div className="mx-auto tm-gallery-container">
                                    <div className="grid tm-gallery">
                                        <a href="http://accounting.tjufe.edu.cn/info/1203/1046.htm">
                                            <figure className="effect-honey tm-gallery-item">

                                                {/*吕志明  副教授*/}
                                                {/*所在单位：天津财经大学*/}
                                                {/*承担任务：项目负责人*/}

                                                {/*韦琳  教授  院长*/}
                                                {/*所在单位：天津财经大学*/}
                                                {/*承担任务：项目设计*/}

                                                {/*张孝光  副教授  副院长*/}
                                                {/*所在单位：天津财经大学*/}
                                                {/*承担任务：内容设计*/}

                                                {/*王新玲  副教授*/}
                                                {/*所在单位：天津财经大学*/}
                                                {/*承担任务：技术支持*/}

                                                {/*王晨  助理实验师*/}
                                                {/*所在单位：天津财经大学*/}
                                                {/*承担任务：服务支持*/}
                                                <img src='http://accounting.tjufe.edu.cn/__local/E/89/F0/1C81E0DEE2237FC26D8074EE088_41C77292_4F22.jpg' alt="Image" className="img-fluid" />
                                                    <figcaption>
                                                        <h2><div className={styles.myRow}><h1>吕志明</h1><h3>副教授</h3></div><h4>所在单位：天津财经大学</h4><h4>承担任务：项目负责人</h4></h2>
                                                    </figcaption>
                                            </figure>
                                        </a>
                                        <a href="http://accounting.tjufe.edu.cn/info/1202/1111.htm">
                                            <figure className="effect-honey tm-gallery-item">
                                                <img src='http://accounting.tjufe.edu.cn/__local/C/A0/2C/02752E8E9C1A3F46FC973AE0A17_AD32D9E0_370D.jpg' alt="Image" className="img-fluid" />
                                                    <figcaption>
                                                        <h2><div className={styles.myRow}><h1>韦琳</h1><h3>教授&nbsp;&nbsp;&nbsp;&nbsp;院长</h3></div><h4>所在单位：天津财经大学</h4><h4>承担任务：项目设计</h4></h2>
                                                    </figcaption>
                                            </figure>
                                        </a>
                                        <a href="http://accounting.tjufe.edu.cn/info/1203/1079.htm">
                                            <figure className="effect-honey tm-gallery-item">
                                                <img src='http://accounting.tjufe.edu.cn/__local/2/B0/90/9E05BF3F871F14219AA7DDA4758_F71F950B_2F94.jpg' alt="Image" className="img-fluid" />
                                                    <figcaption>
                                                        <h2><div className={styles.myRow}><h1>张孝光</h1><h3>副教授&nbsp;&nbsp;副院长</h3></div><h4>所在单位：天津财经大学</h4><h4>承担任务：内容设计</h4></h2>
                                                    </figcaption>
                                            </figure>
                                        </a>
                                        <a href="http://accounting.tjufe.edu.cn/info/1203/1043.htm">
                                            <figure className="effect-honey tm-gallery-item">
                                                <img src='http://accounting.tjufe.edu.cn/__local/C/98/EF/B48AEB1E8409C68617AD5D232BE_8603E899_3F4D.jpg' alt="Image" className="img-fluid" />
                                                    <figcaption>
                                                        <h2><div className={styles.myRow}><h1>王新玲</h1><h3>副教授</h3></div><h4>所在单位：天津财经大学</h4><h4>承担任务：技术支持</h4></h2>
                                                    </figcaption>
                                            </figure>
                                        </a>
                                        <a href="#">
                                            <figure className="effect-honey tm-gallery-item">
                                                <img src={require('./images/team@4.jpg')} alt="Image" className="img-fluid" />
                                                    <figcaption>
                                                        <h2><div className={styles.myRow}><h1>王晨</h1><h3>助理实验师</h3></div><h4>所在单位：天津财经大学</h4><h4>承担任务：服务支持</h4></h2>
                                                    </figcaption>
                                            </figure>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </Fragment>
        );
    }
}
